Bootstrap Grid System

This Template has a Responsive layout and is based on the Bootstrap Framework. For more information about the grid please visit Bootstrap Website.

							

				            	

				                	

				                    	YOUR CODES GOES HERE
				                    
				                
				            
				        

Grid system with 2 columns:

							

				            	

				                	

				                    	YOUR CODES GOES HERE
				                    
				                	

				                    	YOUR CODES GOES HERE
				                    
				                
				            
				        

Grid system with 3 columns:

							

				            	

				                	

				                    	YOUR CODES GOES HERE
				                    
				                	

				                    	YOUR CODES GOES HERE
				                    
				                	

				                    	YOUR CODES GOES HERE
				                    
				                
				            
				        

CSS file

The CSS file is divided in sections:

							Table of Contents

								#General and Typography
								#Navigation
								#Logo
								#Main Slider
								#Section - Offer
								#Section - Services
								#Section - About
								#Section - Testimonials
								#Section - Latest Blog
								#Section - Menu
								#Section - Callout
								#Section - Gallery
								#Section - Prices
								#Section - Promo
								#Section - Team
								#Section - Contact
								#Section - Map
								#Section - Footer
								#Miscellaneous
								#Media Queries
				        

Contact Form

Contact form will use php to send emails. Open the file sendmail.php located inside the php folder and change the example email found in the line 4 and your form is ready to use.

					     = "youremail@email.com"; //Recipient email, Replace with own email here
						

---

Newsletter with Mailchimp Integration

The Newsletter form in this theme includes Mail Chimp integration, to integrate with your existing campaign just open your HTML file and find the newsletter form and replace the address by your own mail list address.

---

Map

To change the Open street Map section with your own location you can use This website to find your own latitude and longitude, then you can replace the longitude and latitude numbers in the file map.js located inside the js folder.

						//Open street  Map
						var coord = [40.738270, -74.008911]; // <--- coordinates here
						

---

Icons

This theme includes over 500 icons from FontAwesome 4.3 , and Flat Icons you can click in each link to find the icon map, to change the icons just replace with the icon name you want.

---

Fonts

The fonts used in this theme are from Google Fonts, the fonts are Open Sans, Gloria Hallelujah and Paytone One

Sections with Background Color

The sections that have a background color are using the class "color-section" for dark color background and "color-section2" for light color background, to add color to other sections just include this class in the section element like in the example bellow:

---

Image Performance

For better performance is recommended to use a image optimizer like Compressjpeg to make your site load faster.

---

Logo

The logo used in the demo is included in editable PSD, it can be found in the "Img" folder as logo_editable.psd, the fonts used were Paytone One and Black Jack (both Free).

---